/* a tag에 대한 css*/
a:link {text-decoration: none; color: grey;}
a:visited {text-decoration: none; color: grey;}
a:hover {text-decoration: underline; color: #CCA63D;}



/* css로 페이지 레이아웃을 구성 */
	#container{
		width: 1032px; /* left 250(padding 5+5) + main 650(padding 5+5) + border 1+1 */
		border: 1px dotted lightgrey; /* 테두리 선 */
		margin-left: auto; /* 좌우 여백 동일하게 하여 중앙 정렬 효과 */
		margin-right: auto;
	}
	#header{
		height: 150px;
		padding: 5px; /* 내용과 테두리 사이 간격 할당 */
		border-bottom: 1px dotted lightgrey; 
	}
	#left{
		padding: 5px;
		width: 200px;
		float: left; /* 엘리먼트 부유 위치 지정,float을 사용해 div를 수평으로 나란히
						정렬하기 위해 사용
						 */
	}
	#main{
		padding: 5px;
		width: 600px;
		border-left: 1px dotted lightgrey;
		border-right: 1px dotted lightgrey;
		float: left;
	}
	#right{
		padding: 5px;
		width: 200px;
		float: left; /* 엘리먼트 부유 위치 지정,float을 사용해 div를 수평으로 나란히
						정렬하기 위해 사용
						 */
	}
	#footer{
		padding-top: 5px;
		border-top: 1px dotted lightgrey;
		text-align: center;
		height: 70px;
		clear: both; /* float을 사용한 요소 아래에 위치 시킨다. float 속성 초기화 */
	}
	/***********************selectedList_teacher_main.jsp에서 사용 시작*******************************************/
	#selectedList_teacher_container{
		height: 550px;
		padding-top: 60px;
	}
	#selectedList_teacher_input{
		padding-top : 10px;
		padding-bottom: 20px;
		padding-left: 30px;
	}
	#selectedList_teacher_table_container{
		padding-left: 40px;
	}
	#selectedList_teacher_table_type_s{
		border-color:lightgrey;
		border-width: 0.5mm;
		background-color:#F8F8F8;
		font-size:12px;
		
	}
	#selectedList_teacher_table_type_s td{
		width: 130px;
	}
	
	#selectedList_teacher_table_type_s>thead>tr{
		background-color:#E6E6E6;
		
	}
	#selectedList_teacher_table_type_t{
		border-color:lightgrey;
		border-width: 0.5mm;
		background-color:#F8F8F8;
		font-size:12px;
		
	}
	#selectedList_teacher_table_type_t td{
		width: 130px;
	}
	
	#selectedList_teacher_table_type_t>thead>tr{
		background-color:#E6E6E6;
		
	}
	
	/***********************selectedList_teacher_main.jsp에서 사용 끝*******************************************/
	
	/***********************selectedList_student_main.jsp 사용 시작************************************/
	.selectedList_student_container_default{
		height: 550px;
		padding-top: 60px;
	}
	.selectedList_student_container_detail{
		height: auto;
		padding-top: 60px;
	}
	#selectedList_student_input{
		padding-top : 10px;
		padding-left: 30px;
	}
	.caution{
		font-size: 12px;
		float:right;
		padding-bottom: 20px;
	}
	#selectedList_student_table_container{
		clear:both;
		padding-left: 40px;
		width: 520px;
	}
	#selectedList_student_table_type_s{
		font-size:12px;
		
	}
	
	#selectedList_student_table_type_s_header{
		height: 15px;
		background-color:#F8F8F8; 
	}
	
	.selectedList_student_table_type_name{
		text-align:center;
		float:left;
		width: 80px;
	}
	.selectedList_student_table_type_gender{
		text-align:center;
		float:left;
		width: 70px;
	}
	.selectedList_student_table_type_university{
		text-align:center;
		float:left;
		width: 70px;
	}
	.selectedList_student_table_type_availablestudent{
		text-align:center;
		float:left;
		width: 100px;
	}
	.selectedList_student_table_type_hoperegion{
		text-align:center;
		float:left;
		width: 100px;
	}
	.selectedList_student_table_type_hopesubject{
		text-align:center;
		float:left;
		width: 70px;
	}
	.selectedList_student_table_type_lessonno{
		text-align:center;
		float:left;
		width: 50px;
	}
	.selectedList_student_table_type_title{
		text-align:center;
		float:left;
		width: 100px;
	}
	.selectedList_student_table_type_s_accordion_header{
		clear:both;
		background-color:#E6E6E6;
	}	
	
	#selectedList_student_table_type_t{
		font-size:12px;
	}
	#selectedList_student_table_type_t_header{
		height: 15px;
		background-color:#F8F8F8; 
	}
	
	.selectedList_student_table_type_accordion_header{
		height:15px;
		clear:both;
		background-color:#E6E6E6;
	}	
	.table_inner_form{
		clear:both;
		background-color:#4B4B4B;
		color:white;
	}
	/***********************selectedList_student_main.jsp 사용 끝************************************/
	
	
	/******************************찜리스트에서 profile 정보 style***********************************************/
	#profile_container{
				width:600px;
				margin:0px;
				border-bottom: thin;
				border-bottom-style: solid;
	}
	#basic {
				width: 599px; /* border의 길이와 합쳐서 600px;*/
				
	}
	#append{
				margin-top:50px;
				width: 599px;
				
	}
	.item{
				padding:26px;/* 각 항목 별 간격*/
	}
	.label{
				float: left;
				margin-right: 20px;
	}
	.edit{
				float: right;
	}
	.profileInfo{
				padding:10px;
				clear: both;
	}
	.input>input{
				color: gray;
	}
	.inputButton{
				float: right;
	}
	.on{
				background-color: gray;
				color: white;
	}
	.out{
				background-color: white;
	}
	
	
	
	/******************************detail profile 정보 style***********************************************/
	

	#detailbasic {
				width: 599px; /* border의 길이와 합쳐서 600px;*/

	}
	#detailappend{
				margin-top:10px;
				width: 599px;			
	}
	.detailitem{
				padding:10px;각 항목 별 간격
	}
	.detaillabel{
				float: left;
				margin-right: 20px;
	}
	.detailInfo{
				padding:10px;
				clear: both;
	} 

	
	
	
	
	
	
	
	
	
	
	
	
	
	